<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%String path=request.getContextPath(); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<link rel="stylesheet" href="<%=path %>/css/esstyle.css" />
		<script type="text/javascript" src="<%=path %>/js/new_file.js"></script>
<link href='http://cdn.repository.webfont.com/webfonts/nomal/132671/46719/5d6292f4f629d81288c7ad46.css' rel='stylesheet' type='text/css' />

</head>
<body>
		<form action="<%=path %>/el.html" class="login-form">
			<h1>心悦</h1> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio" class="radio" checked="checked" name="radio" value='1'>我是男生 
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio" class="radio" name="radio" value='0'>我是女生
			<div class="txtb">
				<input type="text" />
				<span data-placeholder="输入用户名"></span>
			</div>
			<div class="txtb">
				<input type="password" />
				<span data-placeholder="输入密码"></span>
			</div>
			<div class="txtb">
				<input type="password" />
				<span data-placeholder="再次输入密码"></span>
			</div>
			 <br />
			<div>您的出生日期为&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<select id="selYear"></select>年
			<select id="selMonth"></select>月
			<select id="selDay"></select>日
            </div>
            <br />
			<div class="txtb">
				<input type="text" />
				<span data-placeholder="输入邮箱"></span>
			</div>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="button" class="btnt" value="验证" />
			<div class="txtb">
				<input type="text" />
				<span data-placeholder="输入验证码"></span>
			</div>
			<input type="submit" class="logbtn" value="注册" />
		</form>

		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<script type="text/javascript">
			var selYear = window.document.getElementById("selYear");
			var selMonth = window.document.getElementById("selMonth");
			var selDay = window.document.getElementById("selDay");

			new DateSelector(selYear, selMonth, selDay, 1995, 1, 17);

			$(".txtb input").on("focus", function() {
				$(this).addClass("focus");
			});
			$(".txtb input").on("blur", function() {
				if($(this).val() == "")
					$(this).removeClass("focus");
			});
		</script>

</html>